/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
.layui-container {}
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
.text-red,.text-red a,.text-red a:hover {color: #c00!important;}
.undisplay {display: none;}
.margin-top10 {margin-top: 10px!important;}
.margin-top15 {margin-top: 15px!important;}
.margin-top20 {margin-top: 20px!important;}
.margin-top30 {margin-top: 30px!important;}
.margin-top40 {margin-top: 40px!important;}
.margin-top50 {margin-top: 50px!important;}
.margin-top60 {margin-top: 60px!important;}
.margin-top70 {margin-top: 70px!important;}
.margin-top80 {margin-top: 80px!important;}
.margin-center {margin-left: auto;margin-right: auto;}
.line-height {line-height: normal;}
.layui-container:after {content: '';display: block;clear: both;}

#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;margin-top: 14px;}

/*本项目首页样式部分*/
/*top*/
#top{width:100%;height:30px;line-height: 30px;background:#ffd300;}
#top .float-left{color:#fff;font-size:14px;}
#top .top-right a{font-size:14px;color:#fff!important;}
#top .layui-breadcrumb span[lay-separator]{color:#fff!important;}
/*logo以及nav*/
.logo-nav{height:100px;}
.logo-box{margin-top:26px;}
#nav-box {height:60px;line-height: 60px;margin-top:20px;}
#nav-box ul li{width:20%;float:left;text-align: center;position: relative;}
#nav-box ul li a{display:block;line-height:60px;font-size:16px;color:#1a1a1a;}
#nav-box ul li:hover{background:#ffd300;}
#nav-box ul li:hover>a{color:#fff;}
#nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#ffd300;}
#nav-box .submenu li{height:35px;line-height:35px;width:100%;text-align: center;}
#nav-box .submenu li a{color:#fff;font-size:12px;line-height:35px;display:block;}
#nav-box .submenu li a:hover{background:#fff;color:#ffd300;}

/*banner*/
.banner-box .bd li {height: 500px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;z-index: 1;left: 0;right: 0;bottom: 10px;text-align: center;}
.banner-box .hd li {display: inline-block;width: 30px; height: 4px;border-radius:15px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 5px;}
.banner-box .hd li.on {background:#ffd300;}

.search{background:#f5f5f5;width:100%;height:60px;line-height:60px;}
.search-box .link span{font-size:14px;color:#ffd300;padding-left:10px;}
.search-box .link a{font-size:14px;color:#333;padding:0 8px;}
.sousuo{margin-top:14px;}
.sousuo .searchForm{width:312px;height:30px;border:1px solid #ffd300;}
.sousuo .searchForm .sousu{width:280px;height:30px;border:none;background:none;padding-left:10px;color:#666;box-sizing: border-box;}
.sousuo .searchForm .sou-zi{width:32px;line-height:30px;font-size:20px;color:#666;background:none;border:none;}
/*关于我们以及资质荣誉*/
.about-honor .about-honor-title b{font-size:24px;color:#333;}
.about-honor .about-honor-title b em{color:#ffd300;font-style:normal;}
.about-honor .about-honor-title span{font-size:14px;color:#333;text-transform: uppercase;padding-left:5px;}
.about-box{width:750px;}
.about-cont .about-cont-img{width:287px;height:294px;overflow:hidden;margin-right:25px!important;;}
.about-cont .about-cont-img>img{width:100%;height:100%;}
.about-cont .about-text .about-zi{font-size:14px;color:#333;line-height: 30px;}
.about-cont .about-text .more{display:block;width:100px;height:36px;line-height: 36px;text-align: center;background:#ffd300;font-size:14px;color:#fff;margin-top:15px;}

.honor{width:325px;}
.honor-box {position: relative;width:265px;margin:0 auto;margin-top:15px;}
.honor-box .bd li {float: left;width:235px;}
.honor-box div.honor-cont a {display: block;text-align: center;width:235px;height:261px;overflow: hidden;}
.honor-box div.honor-cont a img{height:100%;width:100%;}
.honor-box div.hzal a span>img {height: 100%;width: 100%;}
.honor-box .prev,.honor-box .next {position: absolute;top: 124px;}
.honor-box .prev {left: -64px;background:url(../images/prev.png) no-repeat;width:35px;height:35px;}
.honor-box .next {right: -64px;background:url(../images/next.png) no-repeat;width:35px;height:35px;}
.honor-box .prev>img,.anli-cont .next>img{display:block;width:35px;height:35px;}
/*产品中心*/
.index-pro{background:#f7f6f5;width:100%;height:auto;padding:40px 0;box-sizing: border-box;}
.index-title{text-align: center;}
.index-title b{display:block;font-size:24px;color:#333;background:url(../images/index-tit.png) center center no-repeat;}
.index-title b em{color:#ffd300;font-style:normal;}
.index-title span{display:block;font-size:14px;color:#333;text-transform: uppercase;}

.index-pro .index-pro-lf{width:220px;box-shadow:1px 0 8px rgba(219,219,219,.7);height:auto;padding-bottom: 25px;box-sizing: border-box;background:#fff;}
.index-pro .index-pro-lf .index-pro-title{background:#ffd300;height:50px;text-align: center;line-height: 50px;}
.index-pro .index-pro-lf .index-pro-title h3{color:#fff;font-size:22px;}
.index-pro .index-pro-lf .index-pro-title span{display:block;width:158px;height:1px;background:#fff;margin :0 auto;margin-top:10px;margin-bottom: 10px;}
.index-pro .index-pro-lf .index-pro-title p{font-size:18px;text-transform: uppercase;color:#fff;line-height: 18px;}
.index-pro-lf ul{padding:0px 15px;box-sizing: border-box;}
.index-pro-lf ul li{height:62px;line-height:62px;border-bottom:1px dashed #d6d6d6;}
.index-pro-lf ul li a{display:block;line-height: 62px;color:#414141;font-size:16px;padding-left:22px;box-sizing: border-box;background:url(../images/list.png) 60px center no-repeat;padding-left:85px;box-sizing: border-box;}
.index-pro-lf .index-pro-phone{text-align: center;margin-top:25px;}
.index-pro-lf .index-pro-phone p{font-size:16px;color:#333;line-height: 16px;}
.index-pro-lf .index-pro-phone b{font-size:28px;color:#ffd300;line-height: 35px;}
.index-pro .index-pro-rt{margin-top:15px;}
.index-pro .index-pro-rt ul li{height:auto;}
.index-pro .index-pro-rt ul li a{display:block;text-align:center;height:auto;}
.index-pro .index-pro-rt ul li a span{display:block;height:170px;text-align:center;overflow:hidden;border:1px solid #cdcdcd;}
.index-pro .index-pro-rt ul li a span img{width:100%;height:100%;}
.index-pro .index-pro-rt ul li a span:hover img{transition:all .5s ease;transform:scale(.95,.95);}
.index-pro .index-pro-rt ul li a p{font-size:14px;color:#565656;margin-top:10px;}
.index-pro .index-pro-rt ul li:nth-of-type(5){margin-top:30px;}
.index-pro .index-pro-rt ul li:nth-of-type(6){margin-top:30px;}
.index-pro .index-pro-rt ul li:nth-of-type(7){margin-top:30px;}
.index-pro .index-pro-rt ul li:nth-of-type(8){margin-top:30px;}
/*我们的优势*/
.advantage .advantage-item:nth-of-type(2){margin-top:50px;}
.advantage .advantage-item .advantage-img{width:482px;float:left;}
.advantage .advantage-item .advantage-text{width:602px;float:right;}
.tt1{background:url(../images/tt1.png) 0 50% no-repeat;height:55px;font-size:24px;color:#ffd300;line-height: 30px;padding-left:70px;margin-top:20px;}
.tt1 h4{color:#ffd300;line-height: 55px;}
.advantage .advantage-item .cont {padding-top: 10px;font-size: 15px;color: #1f1f1f;line-height: 26px;}
.tt2{background:url(../images/tt2.png) 0 50% no-repeat;height:55px;font-size:24px;color:#ffd300;line-height: 30px;padding-left:70px;margin-top:20px;}
.tt2 h4{color:#ffd300;line-height: 55px;}
.advantage .advantage-item .advantage-img2{float:right;}
.tt3{background:url(../images/tt3.png) 0 50% no-repeat;height:55px;font-size:24px;color:#ffd300;line-height: 30px;padding-left:70px;margin-top:20px;}
.tt3 h4{color:#ffd300;line-height: 55px;}
.tt4{background:url(../images/tt4.png) 0 50% no-repeat;height:55px;font-size:24px;color:#ffd300;line-height: 30px;padding-left:70px;margin-top:20px;}
.tt4 h4{color:#ffd300;line-height: 55px;}
.advantage .advantage-item .advantage-text2{width:520px;float:left;}
/*生产基地*/
.jidi{width:100%;height:auto;background:url(../images/jidi.png) top center no-repeat;padding:40px 0;box-sizing: border-box;}
.jidi-box {position: relative;margin-top:30px;}
.jidi-box .bd li {float: left;width:25%;}
.jidi-box .bd li div.jidi-item {margin: 0px 10px;}
.jidi-box .bd li div.jidi-item p{font-size:14px;color:#fff;text-align: center;}
.jidi-box a {display: block;text-align: center;height: auto;}
.jidi-box a span{display:block;text-align: center;overflow: hidden;border:1px solid #dadada;height:212px;padding:5px;box-sizing: border-box;}
.jidi-box a span img {height: 100%;width: 100%;}
.jidi-box .prev,.jidi-box .next {position: absolute;top: 95px;}
.jidi-box .prev {left: -60px;}
.jidi-box .next {right: -60px;}
.jidi-box .prev>img,.jidi-box .next>img{display:block;width:35px;height:35px;}
/*新闻中心*/
.news{height:auto;padding-top:45px;box-sizing: border-box;}
.news .news-l{overflow:hidden;margin-left:27px;}
.news .news-l img{height:355px;}
.news .news-r ul li{height:96px;background:#f7f7f7;padding:25px 0;box-sizing: border-box;margin-bottom:15px;}
.news .news-r ul li.last{margin-bottom:0px;}
.news .news-r .newscen-l{text-align:center;height:auto;/*padding:20px;box-sizing: border-box;*/}
.news .news-r .newscen-l span{display:block;font-size:20px;line-height:20px;color:#000;}
.news .news-r .newscen-l p{font-size:16px;line-height: 16px;color:#000;box-sizing: border-box;padding-top:10px;}
.news .news-r .newscen-r{padding-left:22px;border-left:1px solid #ddd;box-sizing: border-box;}
.news .news-r .newscen-r h3{font-size:16px;line-height:20px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .news-r .newscen-r h3 a:hover{color:#ffd300;}
.news .news-r .newscen-r p{font-size:14px;line-height:18px;color:#000;margin-top:10px;}
.mF_expo2014 .num{right:22px!important;}
/*友情链接*/
.layui-tab-brief>.layui-tab-title .layui-this{color:#fff!important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #fff!important;}
/*footer*/
.footer{text-align: center;padding:15px 0;box-sizing: border-box;}
.footer span a{color:#333!important;font-size:14px;}
.footer span a:hover{color:#ffd300!important;}
.footer p{font-size:14px;line-height: 30px;color:#333;}
/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box {padding-left: 0;padding-right: 0;background: #272727;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:60px;width:100%; height:auto;left:0; display:none; z-index:20;}
	#nav-box ul>li{width:100%!important;background:none;}
	#nav-box ul>li>a{color:#fff!important;}
	#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
	#nav-box ul li a:hover{background:#d60000;}
	
	.logo-nav{height:60px;}
	.logo-box{margin-top:7px;}
	#nav-box{margin-top:0px;}
	
	.banner-box .bd li{height:150px;}
	.banner-box .hd li{width:20px;}
	
	.about-honor{margin-top:30px!important;}
	.about-box{width:100%;}
	.about-honor-title{text-align: center;}
	.about-cont .about-text .about-zi{line-height: 20px;}
	.about-cont .about-text .more{margin:0 auto;margin-top:15px;}
	.honor{width:100%;margin-top:30px;}
	.honor-box .bd li{width:100%;}
	.honor-box div.honor-cont a{width:100%;}
	
	.index-title b{background:none;}
	.index-pro{margin-top:30px!important;padding:20px 0;}
	.index-pro .index-pro-lf{width:100%;}
	.index-pro .index-pro-rt ul li a span{height:2.7rem;}
	.index-pro .index-pro-rt ul li:nth-of-type(5){margin-top:15px;}
	.index-pro .index-pro-rt ul li:nth-of-type(6){margin-top:15px;}
	.index-pro .index-pro-rt ul li:nth-of-type(7){margin-top:15px;}
	.index-pro .index-pro-rt ul li:nth-of-type(8){margin-top:15px;}
	.index-pro .index-pro-rt ul li{margin-top:15px;}
	
	.advantage{margin-top:30px!important;}
	.advantage .advantage-item .advantage-text{width:100%;float:none!important;}
	.advantage .advantage-item .advantage-text2{width:100%;float:none!important;}
	.advantage .advantage-item:nth-of-type(2){margin-top:20px;}
	.tt1,.tt2,.tt3,.tt4{font-size:18px;}
	
	.jidi{margin-top:30px!important;padding:20px 0;}
	.jidi-box .bd li{width:100%;}
	.jidi-box a span{height:4.5rem;}
	
	.news{margin-top:30px!important;padding-top:0px;}
	.footer p{text-align: center;padding:0 15px;}
}